<template>
    <div>
        <h1>{{ msg }}</h1>
        <h2>姓名：{{ myName }}</h2>
        <h2>性别：{{ sex }}</h2>
        <h2>年龄：{{ this.age + 1 }}</h2>
        <br>
        <h2>姓名：{{ obj.name222 }}</h2>
        <h2>性别：{{ obj.sex222 }}</h2>
        <h2>年龄：{{ obj.age222 + 1 }}</h2>

    </div>
</template>
<script>
export default {
    name: 'Student',
    data() {
        return {
            msg: "我正在学习Vue",
            myName: this.name + '123',      // 如果要修改父组件传来的值，这样操作，注意属性名不可以重复

        }
    },
    // 接收父组件传送的数据，外部传来的数据是不能修改的
    props: ['name', 'sex', 'age', 'obj'],
}
</script>